$(function(){
	$('.hr-right').hover(function(){
		$('.ab').stop(true).slideDown();
		$('.hr-right').css({background:'#fff'});
	},function(){
		$('.ab').slideUp();
		$('.hr-right').css({background:'#424242'});
	});
	
	
/****************************************顶部导航*****************************************/	
	var oNavTime = null;
	$('#set').mouseenter(function(){
		clearInterval(oNavTime);
		$('#bot').css({display:'block'}).stop().animate({
							height: 284,
						}, 500);
	}).mouseleave(function(){
		oNavTime = setTimeout( function () {
			$('#bot').stop().animate({
				height:0
			}, 500, function () {
				$('#bot').css('display', 'none');
			});
		}, 50);
	});
	$('#set .list1').mouseenter(function () {
		 i = $(this).index();
		//console.log(iIndex)
		$('#bottom div').css('display', 'none').eq(i).css('display', 'block');
		//console.log($('#btm').eq(iIndex))
	});
	$('#bot').mouseenter(function () {
		clearInterval(oNavTime);
	}).mouseleave(function () {
		oNavTime = setTimeout( function () {
			$('#bot').stop().animate({
				height:0
			}, 500, function () {
				$('#bot').css('display', 'none');
			});
		}, 50);
	});
	

/****************************************左侧导航*****************************************/	
		$('.banner-left ul li').mouseover(function(){
			var index=$(this).index();
			$('.wrap').css({display:'block'});
			$('.wrap .list').css({display:'none'});
			$('.wrap .list').eq(index).css({display:'block'});
			$('.banner-left ul li').css({background:'0'});
			$('.banner-left ul li').eq(index).css({background:'#ff6700'})
		});
		$('.banner-left').mouseout(function(){
			
			$('.wrap').css({display:'none'});
			$('.banner-left ul li').css({background:'0'});
		});
		$('#wp').mouseover(function(){
			$('#wp').css('display','block');
			$('.wrap .list').css({display:'block'});
			$('.wrap .list').mouseover(function(){
				var index=$(this).index();
				$('.wrap .list').css({display:'none'});
				$('.wrap .list').eq(index).css({display:'block'});
			})	
		});
		$('#wp').mouseout(function(){
			$('#wp').css('display','none');
		});
		
		
	/****************************************搜索框*****************************************/
	var keydown=-1;
	$('.txt').focus(function(){
		$('.focus').css({display:'block'});
		$('form').css({'border-color':'#ff6700'});
		$('.txt').css({'border-color':'#ff6700'});
		$('#hot').fadeOut('fast');
	}).blur(function(){
		$('.focus').css({display:'none'});
		$('form').css('border-color','#eee');
		$('.txt').css({'border-color':'#eee'});
		$('#hot').fadeIn('fast')
	}).keyup(function(ev){
		var ev=ev||window.event;
		if(ev.keyCode===38||ev.keyCode===40){
			if(ev.keyCode===38 && keydown>0){
				keydown--;
			}else if(ev.keyCode===40 && keydown<$('.focus li').length-1){
				keydown++;
			}
			$('.txt').val($('.focus li').css({background:'0'}).eq(keydown).css({background:'#eee'}).children('span').text());
		}
	}).bind('input propertychange',function(){
			var val=$(this).val();	
			if(val){
				$.ajax({
					url:'http://search.mi.com/search/expand',
					//获取方式
					type:'GET',
					//跨域格式
					data: {keyword : val},
					dataType:"jsonp",
					jsonp:'jsonpcallback',
					jsonpcallback:'xmsearch',
					success :function(data){
						//console.log(data);
						var ahtml='';	
						if(data.length>0){
							for(var i=0;i<data.length;i++){
								//<a href="http://search.mi.com/search_' + data[i].Key + '" target="_self">' +'
								ahtml += '<li><span>'+data[i].Key+'</span>'+'<b>'+'约有'+data[i].Rst+'件'+'</b></li>'
							};
							
							if(ahtml) {
								$('.focus').css('display', 'block').html(ahtml);
							} else {
								$('.focus').css('display', 'none');
							}
							keydown = -1;
						}
						else{
							$('.focus').css({display:'none'});
						}
					},
				});
			}
			 else {
				$('.focus').html($('.focus').val());
				keydown = -1;
			}
	});
			
			
	/****************************************banner轮播图*****************************************/
	$(function(){
		var num=0;
		//鼠标划过banner时清除定时器
		$('.banner-right').mouseover(function(){
			clearInterval(timer);
		});
		//鼠标划出banner是设置定时器
		$('.banner-right').mouseout(function(){
			autoMove();
		});
		//点击左边按钮变换图片
		$('.slider-prev').click(function(){
			num--;
			move();	
		});
		//点击右边按钮变换图片
		$('.slider-next').click(function(){
			num++;
			move();	
		});
		//鼠标点击数字变换图片
		$('.banner .banner-right .num a').click(function(){
			var index=$(this).index();
			if(index===num){
				return;
			}
			num=index;
			move();
		});
		//自动切换图片
		autoMove();
		function autoMove(){
			timer=setInterval(function(){
				num++;
				move();
			},2000)
		};
		function move(){
			if(num<0){
				num=$('.banner-right .a1').length-1
			}
			if(num>$('.banner-right .a1').length-1){
				num=0
			}
			$('.banner-right .a1').stop(true).animate({opacity:'0'},500);
			$('.banner-right .a1').eq(num).stop().animate({opacity:'1'},500);
			$('.banner .banner-right .num a').css({background:'0'});
			$('.banner .banner-right .num a').eq(num).css({background:'#999'});
		};
	});
});
